<template>
 <div>
    entLoop-nextTick.vue

<div class="text-8xl  ">
<input type="text" v-model="message" class=" border">
        <div ref="div">{{ message }}</div>
        <button @click="change">改变</button>
    </div>
</div>

</template>
<script setup lang='ts'>
const message = ref<string>('fu')
const div = ref<HTMLElement>()
const change = async ()=>{
    message.value = 'fuheng'
    await nextTick()
    console.log(div.value?.innerText)
}
</script>
<style scoped lang='less'>


</style> 